<template>
	<view>
		<view class="authentication-box flexWarpCenterColumn">
			<view class="tips-strong">截图保存识别二维码，完成微信认证</view>
			<view class="code-box" @tap="previewImage(qrcode)">
				<image :src="qrcode"></image>
			</view>
			<view class="update-btn">已完成认证</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				qrcode:""
			}
		},
		onLoad() {
			this.getRealCode();
		},
		methods: {
			getRealCode(){
				this.$request.post(this.$api.getRealCode, {
					store_id:uni.getStorageSync('store_id')
				}, {
					token:true
				}).then(res => {
					let {
						data = {}
					} = res;
					if (res.code==1) {
						this.qrcode=data.code_img
					}
				})
			}
		}
	}
</script>

<style lang="scss">
	.authentication-box{
		font-size: 24upx;
		color: #82819B;
		padding-top: 30upx;
		.tips-strong{
			font-size: 32upx;
			color: #fff;
			margin-bottom: 10upx;
		}
		.code-box{
			width: 600upx;
			height: 860upx;
			border: 1rpx solid #FFFFFF;
			margin: 30upx auto;
			border-radius: 10upx;
		}
		.update-btn{
			font-size: 30rpx;
			font-family: PingFang SC-Medium, PingFang SC;
			font-weight: 500;
			color: #FFFFFF;
			line-height: 70rpx;
			width: 210rpx;
			height: 70rpx;
			background: #26BCFD;
			border-radius: 16rpx;
			text-align: center;
			z-index: 999;
			margin-top: 10upx;
		}
	}
</style>
